<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="onein" uri="http://www.onein.cn/jsp/taglib"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>${section.title} | 育儿百科 | 万应教育</title>
<jsp:include page="/WEB-INF/inc/meta.jsp"/>
<link href='<onein:url value="/styles/all.css"/>' type="text/css" rel="stylesheet" />
<script src="<onein:url value="/scripts/My97DatePicker/WdatePicker.js"/>" type="text/javascript"></script>
</head>

<body>
<jsp:include page="/WEB-INF/inc/header.jsp" />
<jsp:include page="/WEB-INF/inc/menu.jsp" />
<div id="bodyWrap"><jsp:include page="/WEB-INF/inc/learnmenu.jsp" />
<jsp:include page="/WEB-INF/inc/learnsidebar.jsp" />

<div class="rightWrap">
            	 <jsp:include page="/WEB-INF/inc/learnSearchForm.jsp"/>
<div class="fl">
<div class="rightTopLeft">
    <div style="height:160px;">
		<div class="AzdWrap" style="height:160px;"><img src="<onein:url value="${titleSection.contentShowImage}"/>" /></div>
		<div>
		  <p class="sectionTitle"><a href="<onein:url value="/learn/content/${titleSection.contentShowId}.jhtml" />" target="_blank">${titleSection.contentShortTitle}</a></p>
		  <p class="sectionDescText">${titleSection.contentShortDesc}</p>
		  <h2 style="text-align:center;">热点推荐</h2>
		  <p class="sectionText">
		     <c:forEach var="textSection" items="${textSections}">
		       <a href="<onein:url value="/learn/content/${textSection.contentShowId}.jhtml" />" target="_blank">[${textSection.contentShortTitle}]</a>
		     </c:forEach>
		  </p>
		</div>
	</div>
	<div style="height:100px;">
	   <a title="广告" href="http://www.9haom.com/" target="_blank"><img style="border: 1px solid #E1E1E1;" width="500px" height="100px" src="<onein:url value="/images/learn/ad-section-banner.gif" />" /></a>
	</div>
</div>
<div class="rightTopRight">
           	<div>
                    <div class="commonContentTopWrap5"><span><a></a></span></div>
                        <div class="commonContentMidWrap5 setOderHeight">
               	    <h2>${section.title}热门文章</h2>
                   
                  <dl class="dl2">
	<c:forEach var="hotContent" items="${hotContents}">
		<c:choose>
		<c:when test="${fn:length(hotContent.title) > 15}">
			<dd><a title="${hotContent.title }" target="_blank" href="<onein:url value="content/${hotContent.id}.jhtml"/>" ><c:out
				value="${fn:substring(hotContent.title, 0, 15)}..." /></a><span
				style="float: right"><a href="#"></a></span></dd>
		</c:when>
		<c:otherwise>
			<dd><a title="${hotContent.title }" target="_blank" href="<onein:url value="content/${hotContent.id}.jhtml"/>">${hotContent.title}</a><span
				style="float: right"><a href="#"></a></span></dd>
		</c:otherwise>
		</c:choose>
	</c:forEach>
</dl>
                
               </div>
            <div class="commonContentBottomWrap5"><span><a></a></span></div>
    	</div>
            </div>
</div>  

<c:forEach var="categoryVo" items="${categoryList}">
   <div class="catDivBlock">
    <div class="commonContentTopWrap4" >
                    <div class="learnTitle">
                      <h3>${categoryVo.title}</h3>
                    </div>
                    <div class="otherInfo">
                      <a href="<onein:url value="/learn/${sectionName}/${categoryVo.name}/1"/>" >更多...</a>
                    </div>
            	    <span><a></a></span></div>
            	    
        <div class="commonContentMidWrap4" style="height:200px;">
           <div class="catTop">
	           <div class="catTopLeft">
	              <img width=100 height=80 src="<onein:url value="${categoryVo.image}"/>"/>
	           </div>
	           <div class="catTopRight">
	              ${categoryVo.description}
	           </div>
           </div>
           <div class="cl">  
	           <div class="catDetailList">
	                <dl class="dl1">
	                      <c:forEach var="content" items="${categoryVo.contents}" begin="0" end="4" step="1">
	                         <c:choose>
								<c:when test="${fn:length(content.title) > 11}">
								  <dd><a title="${content.title }" target="_blank" href="<onein:url value="content/${content.id}.jhtml"/>"><c:out value="${fn:substring(content.title, 0, 11)}..." /></a><span style="float:right"><a href="#"></a></span></dd>
								</c:when>
								<c:otherwise>
								  <dd><a title="${content.title }" target="_blank" href="<onein:url value="content/${content.id}.jhtml"/>">${content.title}</a><span style="float:right"><a href="#"></a></span></dd>
								</c:otherwise>
							</c:choose>
	                      </c:forEach>
	                  </dl>
	            </div>
	            <div class="catDetailList">
	              <dl class="dl1">
	                      <c:forEach var="content" items="${categoryVo.contents}" begin="5" end="9" step="1">
	                         <c:choose>
								<c:when test="${fn:length(content.title) > 11}">
								  <dd><a title="${content.title }" target="_blank" href="<onein:url value="content/${content.id}.jhtml"/>"><c:out value="${fn:substring(content.title, 0, 11)}..." /></a><span style="float:right"><a href="#"></a></span></dd>
								</c:when>
								<c:otherwise>
								  <dd><a title="${content.title }" target="_blank" href="<onein:url value="content/${content.id}.jhtml"/>">${content.title}</a><span style="float:right"><a href="#"></a></span></dd>
								</c:otherwise>
							</c:choose>
	                      </c:forEach>
	                  </dl> 
	            </div>
           </div>
        </div>
        <div class="commonContentBottomWrap4"><span><a></a></span></div>
    </div>
</c:forEach>
 
 </div>

<div class="ca"></div>
</div>
<jsp:include page="/WEB-INF/inc/footer.jsp" />
</body>
</html>